<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
	<title>index</title>
	<link rel="stylesheet" type="text/css" href="http://apps.bdimg.com/libs/bootstrap/3.3.4/css/bootstrap.css">
	<link rel="stylesheet" type="text/css" href="../css/default.css">
	<link rel="stylesheet" type="text/css" href="../css/head.css"/>
</head>
<body>
	<div id="head">
		<div id="gs">
			<div id="btn" style="width: 100%;height: 50px;background-color: rgba(255,255,255,0.6);">
				<img src="img/menu.png" class="center" style="display: block;width: auto;height: 100%;"/>
			</div>
		</div>
		<div id="Navigation">
			<ul id="headU" class="floatL">
				<li class="head lineheight"><a href="/">home</a></li>
				<li class="head lineheight"><a href="/music">music</a></li>
				<li class="head lineheight"><a href="/game">game</a></li>
			</ul>
			<ul id="headLog" class="floatR">
				
				
					<li class='haed lineHeight'><div id="userInfo">
						<% if(user != '' && user != null) {%>
							<ul class="userInfoUl">
								<li style="height:50px;"><a href="/userInfo"><img id='LogImg' src='../img/zimu.png'></a></li>
								<li class="background userInfoLi"><%=user %></li>
								<li class="background userInfoLi">id:1</li>
								<li class="background userInfoLi"><a href="/up" style="width:100%;height:100%;display:block;">投稿</a></li>
								<li class="background userInfoLi"><a href="/exit">log out</a></li>
							</ul>
						<% } else {%>
							<ul class="userInfoUl" style="background-color: rgba(255,255,255,1);">
								<li class="background userInfoLi"><a href="/login" style="width:100%;height:100%;display:block;">log in</a></li>
								<li class="background userInfoLi"><a href="/reg">reg</a></li>
							</ul>
						<% }%>
						
					</div></li>
					
					<!--<li id="LogIn" class="head lineheight"><a href="/log">log in</a></li>

					<li class="head lineheight"><a href="/reg">register</a></li>-->
	
			</ul>
		</div>
		
	</div>
	
		<h1 class="text-center">wellcome <small>主页</small></h1>
	
	
	<div class="col-sm-3 ">
		<div class="thumbnail">
			<a href=""><img src="http://i2.hdslb.com/bfs/archive/6ff126a6d130075e1b792231b5d764695cda44ef.jpg_320x200.jpg" alt="2333" title="233"></a>
			<div class="caption">
				<h3 class="text-center">this title</h3>
				<p class="text-center">不可描述</p>
				<p class="text-center">
					<a href="#" class="btn btn-primary" role="button">play</a>
				</p>
			</div>
		</div>
	</div>
	<div class="col-sm-3 ">
		<div class="thumbnail">
			<img src="http://i2.hdslb.com/bfs/archive/6ff126a6d130075e1b792231b5d764695cda44ef.jpg_320x200.jpg" alt="2333" title="233">
			<div class="caption">
				<h3 class="text-center">this title</h3>
				<p class="text-center">不可描述</p>
				<p class="text-center">
					<a href="#" class="btn btn-primary" role="button">play</a>
				</p>
			</div>
		</div>
	</div>
	<div class="col-sm-3 ">
		<div class="thumbnail">
			<img src="http://i2.hdslb.com/bfs/archive/6ff126a6d130075e1b792231b5d764695cda44ef.jpg_320x200.jpg" alt="2333" title="233">
			<div class="caption">
				<h3 class="text-center">this title</h3>
				<p class="text-center">不可描述</p>
				<p class="text-center">
					<a href="#" class="btn btn-primary" role="button">play</a>
				</p>
			</div>
		</div>
	</div>
	<div class="col-sm-3">
		<div class="thumbnail">
			<img src="http://i2.hdslb.com/bfs/archive/6ff126a6d130075e1b792231b5d764695cda44ef.jpg_320x200.jpg" alt="2333" title="233">
			<div class="caption">
				<h3 class="text-center">this title</h3>
				<p class="text-center">不可描述</p>
				<p class="text-center">
					<a href="#" class="btn btn-primary" role="button">play</a>
				</p>
			</div>
		</div>
	</div>
	

</body>
<script type="text/javascript" src='http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js'></script>
<script type="text/javascript" src="js/bootstrap.js"></script>
<script type="text/javascript" src="js/head.js"></script>
</html>